<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <title>所有课程</title>
    <link type="text/css" rel="stylesheet" href="css/common.css">
    <link type="text/css" rel="stylesheet" href="css/course-style.css">
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/course.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
</head>
<body>
    <!--登入-->
    <div class="login hide">
        <div class="base-login">
            <span class="login-close">x</span>
            <form action="" method="post" class="login-form">
                <table>
                    <tr>
                        <td colspan="2">登入</td>
                    </tr>
                    <tr>
                        <td class="right-align">账号：</td>
                        <td class="left-align"><input type="text" name="username" class="username"></td>
                    </tr>
                    <tr>
                        <td class="right-align">密码：</td>
                        <td class="left-align"><input type="password" name="password" class="password"></td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <button class="login-button" type="submit" >登入</button>
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
    <!--注册-->
    <div class="register hide">
        <div class="base-register">
            <span class="register-close">x</span>
            <form action="" method="post" class="register-form">
                <table>
                    <tr>
                        <td colspan="2">注册</td>
                    </tr>
                    <tr>
                        <td class="right-align">账号：</td>
                        <td class="left-align"><input type="text" name="username" class="username"></td>
                    </tr>
                    <tr>
                        <td class="right-align">密码：</td>
                        <td class="left-align"><input type="password" name="password" class="password"></td>
                    </tr>
                    <tr>
                        <td class="right-align">确认密码：</td>
                        <td class="left-align"><input type="password" name="repassword" class="password"></td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <button class="register-button" type="submit" >注册</button>
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
    <!--头-->
    <div class="top">
        <!--头广告-->
        <div class="announcement">
            <div class="bg">
                <div class="word-bg">
                    <div class="word">北风网和苏州大学深度合作</div>
                    <div class="word">北风大数据培训正式落户苏大</div>
                    <div class="word">零基础大数据课程火热报名中</div>
                    <div class="word">北风网和苏州大学深度合作</div>
                    <div class="word">北风大数据培训正式落户苏大</div>
                    <div class="word">零基础大数据课程火热报名中</div>
                    <div class="word">北风网和苏州大学深度合作</div>
                    <div class="word">北风大数据培训正式落户苏大</div>
                    <div class="word">零基础大数据课程火热报名中</div>
                </div>
            </div>
        </div>
        <!--导航栏-->
        <div class="base">
            <div class="base-navi">
                <a href="index.html" class="navi-logo float-left">
                    <img src="images/logo_03.png" >
                </a>
                <p class="nine float-left">
                    <img src="images/nineYears_02.png">
                </p>
                <div class="navi">
                    <ul>
                        <li>
                            <a href="index.html">首页</a>
                        </li>
                        <li>
                            <a href="course.html">所有课程</a>
                        </li>
                        <li>
                            <a href="index.html">就业课程</a>
                        </li>
                        <li>
                            <a href="bbs.html">学员社区</a>
                        </li>
                        <li>
                            <a href="index.html">线下校区</a>
                        </li>
                        <li>
                            <span class="tel">
                                咨询电话：400-0186-216
                            </span>
                        </li>
                    </ul>
                </div>
                <!--登入和搜索-->
                <div class="float-right">
                    <!--<div class="search float-left">-->
                        <!--<form action="" method="get">-->
                            <!--<input type="text" name="searchMessage" placeholder="请输入搜索内容">-->
                            <!--<button type="submit" style="border: none;background: none;">-->
                                <!--<img src="images/search-move_06.png" style="height: 15px;width: 15px">-->
                            <!--</button>-->
                        <!--</form>-->
                    <!--</div>-->
                    <a class="phone-icon float-left">
                        <img src="images/phone-icon_05.png">
                    </a>
                    <a class="weixin-icon float-left">
                        <img src="images/weixin-icon_01.png">
                    </a>
                    <div class="user-icon float-left">
                        <img src="images/user-icon_07.png">
                    </div>
                </div>
            </div>
        </div>
        <!--课程列表-->
        <div class="course-list">
            <div class="list1">
                <span class="float-left" style="font-weight: bold;margin-top: 5px">方向:</span>
                <ul>
                    <li class="list-item on all1">
                        <a href="quanbu">全部</a>
                    </li>
                    <li class="list-item qianduan">
                        <a href="qianduan">前端开发</a>
                    </li>
                    <li class="list-item houduan">
                        <a href="houduan">后端开发</a>
                    </li>
                </ul>
            </div>
            <div class="list2">
                <span class="float-left" style="font-weight: bold;margin-top: 5px">分类:</span>
                <ul>
                    <li class="list-item on all2">
                        <a href="quanbu">全部</a>
                    </li>
                    <li class="list-item java">
                        <a href="java">Java</a>
                    </li>
                    <li class="list-item c++">
                        <a href="c%2B%2B">C++</a>
                    </li>
                    <li class="list-item html">
                        <a href="html">Html</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--个人信息-->
    <div class="user">
        <div class="no-login hide">
            <span class="user-login">登入</span><br>
            <span class="user-register">注册</span>
        </div>
        <div class="is-login hide">
            <span>欢迎XXXX</span><br><br>
            <a href="person.html">个人中心</a><br>
            <a href="">注销登入</a>
        </div>
    </div>
    <!--主体-->
    <div class="middle">
        <div class="base-middle">
            <ul>

            </ul>
        </div>
    </div>
    <!--分页-->
    <div class="index">
        <div class="base-index">

        </div>
    </div>
    <!--末尾-->
    <div class="bottom">
        <div class="base-bottom">
            <!--页脚-->
            <div class="base-footer">
                <div class="footer">
                    <span style="font-size: 16px">友情链接</span>
                    <div class="link">
                        <a href="#">链接1</a>
                        <a href="#">链接2</a>
                        <a href="#">链接3</a>
                        <a href="#">链接4</a>
                        <a href="#">链接5</a>
                    </div>
                    <div class="links">
                        <span class="sub-links float-left">
                            <b>关于我们</b><br>
                            <a>内容1</a><br>
                            <a>内容2</a><br>
                            <a>内容3</a><br>
                            <a>内容4</a>
                        </span>
                        <span class="sub-links float-left">
                            <b>联系我们</b><br>
                            <a>内容1</a><br>
                            <a>内容2</a><br>
                            <a>内容3</a><br>
                            <a>内容4</a>
                        </span>
                        <span>
                            <b>售前客服</b><br>
                            <span style="font-size: 22px">0580-1234567</span><br>
                            <b>售后客服</b><br>
                            <span style="font-size: 22px">0580-1234567</span>
                        </span>
                    </div>
                </div>
            </div>
            <!--copyright-->
            <div class="copyright">

            </div>
        </div>
    </div>
</body>
</html>